﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta th:charset="utf-8"/>
	<title>易买网 - 首页</title>
	<link rel="stylesheet" th:href="@{/css/style.css}" type="text/css" />
	<script th:src="@{/scripts/function.js}" type="text/javascript"></script>
</head>
<body>
<div class="wrap" id="header">
	<div id="logo"><img th:src="@{/images/logo.gif}" /></div>
	<div class="help">
		<a class="shopping" href="#">购物车</a>
		<a href="login.html">登录</a>
		<a href="register.html">注册</a>
		<a th:href="@{/comment/list}">留言</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap" >
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div class="wrap" id="main">
	<div class="lefter" >
		<div class="box">
			<h2>商品分类</h2>
			<dl  th:each="Dads:${application.DadsCategory}">
				<dt th:text="${Dads.epcName}">图书音像</dt>
				<dd th:each="Sons:${application.SonsCategory}" th:if="${Sons.epcParentId==Dads.epcId}">
					<a href="product-list.html" th:text="${Sons.epcName}">图书</a></dd>
			</dl>
		</div>
		<div class="spacer"></div>
		<div class="last-view">
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
			</dl>
		</div>
	</div>
	<div class="main">
		<div class="price-off">
			<h2>商品列表</h2>
			<ul class="product clearfix">
				<li th:each="pro:${goalMap.proPage.getRecords()}">
					<dl>
						<dt><a target="_blank" th:href="@{/product/detail(pid=${pro.epId})}"><img th:src="@{'/images/product/'+${pro.epFileName}}" /></a></dt>
						<dd class="title"><a target="_blank" th:href="@{/product/detail(pid=${pro.epId})}"
											 th:text="${pro.epName}">法国德菲丝松露精品巧克力500g/盒</a></dd>
						<dd class="price" th:text="${pro.epPrice}">￥108.0</dd>
					</dl>
				</li>

			</ul>

			<div class="pager">

				<ul class="clearfix">
					<li><a th:disabled="${goalMap.proPage.getCurrent()==1?'true':'false'}"
					    th:href="@{/index/index(p=${goalMap.proPage.getCurrent()>1?goalMap.proPage.getCurrent()-1:1})}"
					    th:style="${goalMap.proPage.getCurrent()==1?'cursor:no-drop':'auto'}">
						上一页</a>></li>
					<li th:class="${num==goalMap.proPage.getCurrent()?'current':''}"
						th:each="num:${#numbers.sequence(1,goalMap.proPage.getPages())}"
					><a th:href="@{/index/index(p=${num})}" th:text="${num}"></a></li>
					<li><a th:disabled="${goalMap.proPage.getCurrent()==goalMap.proPage.getPages()?'true':'false'}"
					    th:href="@{/index/index(p=${goalMap.proPage.getCurrent()<goalMap.proPage.getPages()?goalMap.proPage.getCurrent()+1:goalMap.proPage.getPages()})}"
					    th:style="${goalMap.proPage.getCurrent()==goalMap.proPage.getPages()?'cursor:no-drop':'auto'}">
						下一页</a>></li>
				</ul>
			</div>

		</div>
		<div class="side">
			<div class="spacer"></div>
			<div class="news-list">
				<h4>新闻动态</h4>
				<ul>
					<li th:each="n:${goalMap.newsPage.getRecords()}">
					<a href="news-view.html" target="_blank" th:text="${n.enTitle}">抢钱啦</a></li>
				</ul>

			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
</div>
</body>
</html>
</html>